<!DOCTYPE html>
<html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-0 vector-toc-not-available vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-0 skin-theme-clientpref-day vector-sticky-header-enabled" lang="de" dir="ltr"><head>
<meta charset="UTF-8">
<title>On Air Design</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./_res_/favicon.png">
<link rel="canonical" href="https://de.wikipedia.org/wiki/On_Air_Design"> <link href="./_mw_/ext.cite.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.wikimediamessages.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.icons.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.search.codex.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.styles.css" rel="stylesheet" type="text/css">
<meta name="ResourceLoaderDynamicStyles" content="">
<link href="./_mw_/ext.gadget.citeRef.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.defaultPlainlinks.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonHide.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonLayout.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonStyle.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiDarkmode.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiResponsive.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.specialSearch.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="./_mw_/site.styles.css">
<link rel="stylesheet" type="text/css" href="./_mw_/noscript.css">
<link rel="stylesheet" type="text/css" href="./_res_/footer.css">
<link rel="stylesheet" type="text/css" href="./_res_/vector-2022.css">
</head>
<body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-On_Air_Design rootpage-On_Air_Design skin-vector-2022 action-view">
<div class="mw-page-container">
<div class="mw-page-container-inner">
<div class="mw-content-container">
<main id="content" class="mw-body">
<header class="mw-body-header vector-page-titlebar">
<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">On Air Design</span></h1>
</header>
<a id="top"></a>
<div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
<div id="contentSub">
<div id="mw-content-subtitle"></div>
</div>
<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="de" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="de" dir="ltr"><p>Mit <b>On Air Design</b> (häufig auch <b>On-Air-Design</b>, kurz <i>OAD</i>) wird das visuelle Erscheinungsbild eines <a href="Rundfunkgesellschaft" class="mw-redirect" title="Rundfunkgesellschaft">Fernsehsenders</a> oder einer <a href="Fernsehsendung" title="Fernsehsendung">Sendung</a> bezeichnet, ähnlich dem <a href="Corporate_Design" title="Corporate Design">Corporate Design</a> eines Unternehmens. Zappt der Zuschauer durch die Kanäle, sollte er innerhalb von Bruchteilen einer Sekunde erkennen, welches <a href="Fernsehprogramm" class="mw-redirect" title="Fernsehprogramm">Fernsehprogramm</a> auf dem Bildschirm zu sehen ist.
</p>
<div class="mw-heading mw-heading2"><h2 id="Erscheinungsbild_eines_Programms">Erscheinungsbild eines Programms</h2></div>
<p>Das allgemeine Erscheinungsbild eines Programms umfasst meist das <a href="Firmenlogo" class="mw-redirect" title="Firmenlogo">Logo</a>/<a href="Signet" title="Signet">Signet</a> als <a href="Cornerlogo" title="Cornerlogo">Cornerlogo</a>, eine markante Farbgebung, sowie die Typografie und die Anordnung der einzelnen Gestaltungselemente auf dem Bildschirm. Eine spezielle Aufbereitung des Ton- und Bildsignals ist eine weitere Möglichkeit, einen Fernsehsender eindeutig identifizierbar zu gestalten. Erscheinungsbilder werden sowohl für einen Fernsehsender entwickelt als auch für Fernsehsendungen. Für die Gestaltung einer Fernsehsendung sind sowohl das Erscheinungsbild des Senders als auch der jeweiligen Sendung zu beachten.
</p>
<div class="mw-heading mw-heading2"><h2 id="Eigenwerbung_eines_Senders">Eigenwerbung eines Senders</h2></div>
<p>Die Eigenwerbung eines Senders wird auch On Air Promotion genannt. Mittels kurzen Film- oder Animationssequenzen wird auf bestimmte Sendungen hingewiesen. Dies können <a href="Trailer" title="Trailer">Trailer</a> oder <a href="Teaser" title="Teaser">Teaser</a> sein.
</p><p>Früher bestanden Programmhinweise aus einfachen Schautafeln mit Text. Durch die Notwendigkeit, Zuschauer für den Sender zu gewinnen bzw. dauerhaft an den Sender zu binden, um eine möglichst hohe Einschaltquote zu erlangen, werden Programmhinweise inzwischen sehr aufwendig produziert. On Air Design wird häufig der <a href="Postproduktion" title="Postproduktion">Postproduktion</a> zugeordnet, obwohl es sich nicht um eine Nachbearbeitung handelt, sondern vielmehr um eigens produzierte Elemente. Neben Filmausschnitten der anzukündigenden Sendung werden Elemente aus dem <a href="Visual_Effects" class="mw-redirect" title="Visual Effects">Visual-Effects-Bereich</a> (2D-, 3D-Animationen, Compositing) mit typografischen Elementen verbunden, dies ist wiederum als <a href="Motion-Design" title="Motion-Design">Motion-Design</a> bekannt.
</p>
<div class="mw-heading mw-heading2"><h2 id="Weitere_Anwendungsbereiche">Weitere Anwendungsbereiche</h2></div>
<p>Elemente und Techniken des On Air Designs werden zunehmend in den vielfältigsten Produktionen eingesetzt. In Werbefilmen wird das Erscheinungsbild der Marke mit grafischen und typografischen Mitteln umgesetzt. Für Non-Fiction-Produktionen (Nachrichtensendungen, Reportagen, wissenschaftliche Sendungen etc.) werden komplexe Zusammenhänge mit den Mitteln des On Air Designs visualisiert. Die einfachste Form des On Air Designs ist ein <a href="Schriftgenerator" title="Schriftgenerator">Schriftgenerator</a> zum Einblenden von Informationen in Textform.
</p>
<div class="mw-heading mw-heading2"><h2 id="Ausbildung_und_Studium">Ausbildung und Studium</h2></div>
<p>Zur Ausbildung zum jungen Berufsbild „On Air Designer“ gibt es verschiedene Ausbildungsangebote:
</p>
<ul><li>An der Bayerischen Akademie für Fernsehen e. V. werden im Studiengang <i>Animation und Visual Effects</i> (Animation + VFX) Grundlagen des On-Air-Designs sowohl in theoretischer Hinsicht als auch in praktischen Projekten vermittelt.<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup></li>
<li>Im Rahmen eines Studiums besteht seit 2005 der Studiengang „On Air Design“<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup> an der <a href="Mediadesign_Hochschule" title="Mediadesign Hochschule">Mediadesign Hochschule</a> in Berlin, Düsseldorf und München. Die <a href="Filmakademie_Baden-W%C3%BCrttemberg" title="Filmakademie Baden-Württemberg">Filmakademie Baden-Württemberg</a> bietet im Anschluss an das Grundstudium Film- & TV-Design an.</li>
<li>Im Anschluss an eine abgeschlossene Hochschulausbildung im Bereich visuelle Kommunikation oder Grafik-Design bildet der <a href="WDR" class="mw-redirect" title="WDR">WDR</a> im Rahmen des 18-monatigen <a href="Volontariat" title="Volontariat">Volontariats</a> aus<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup>.</li>
<li>In der Ausbildung zum <a href="Mediengestalter_Bild_und_Ton" title="Mediengestalter Bild und Ton">Mediengestalter Bild und Ton</a> werden Teilbereiche des On-Air-Designs vermittelt.</li></ul>
<div class="mw-heading mw-heading2"><h2 id="Einzelnachweise">Einzelnachweise</h2></div>
<ol class="references">
<li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text"><style data-mw-deduplicate="TemplateStyles:r261891140">
/* start https://de.wikipedia.org/ */
.mw-parser-output .webarchiv-memento a{color:inherit}
/* end https://de.wikipedia.org/ */
</style><a rel="nofollow" class="external text" href="https://web.archive.org/web/20070929062114/http://www.fernsehakademie.de/index/BAF/baf_3d-animation.html">Studiengang Animation + VFX</a> (<span class="webarchiv-memento"><a href="Webarchivierung#Begrifflichkeiten" title="Webarchivierung">Memento</a></span> des <style data-mw-deduplicate="TemplateStyles:r250917974">
/* start https://de.wikipedia.org/ */
.mw-parser-output .dewiki-iconexternal>a{background-position:center right!important;background-repeat:no-repeat!important}body.skin-minerva .mw-parser-output .dewiki-iconexternal>a{background-image:url("./_mw_/OOjs_UI_icon_external-link-ltr-progressive.svg")!important;background-size:10px!important;padding-right:13px!important}body.skin-timeless .mw-parser-output .dewiki-iconexternal>a,body.skin-monobook .mw-parser-output .dewiki-iconexternal>a{background-image:url("./_mw_/MediaWiki_external_link_icon.svg")!important;padding-right:13px!important}body.skin-vector .mw-parser-output .dewiki-iconexternal>a{background-image:url("./_mw_/Link.ernal-small-ltr-progressive.svg")!important;background-size:0.857em!important;padding-right:1em!important}
/* end https://de.wikipedia.org/ */
</style><span class="dewiki-iconexternal"><a class="external text" href="https://redirecter.toolforge.org/?url=http%3A%2F%2Fwww.fernsehakademie.de%2Findex%2FBAF%2Fbaf_3d-animation.html">Originals</a></span> vom 29. September 2007 im <i><a href="Internet_Archive" title="Internet Archive">Internet Archive</a></i>) <small class="archiv-bot"><span class="wp_boppel noviewer" aria-hidden="true" role="presentation"><span typeof="mw:File"><span title="i"></span></span></span> <b>Info:</b> Der Archivlink wurde automatisch eingesetzt und noch nicht geprüft. Bitte prüfe Original- und Archivlink gemäß Anleitung und entferne dann diesen Hinweis.</small><span style="display:none"><a rel="nofollow" class="external text" href="http://IABotmemento.invalid/http://www.fernsehakademie.de/index/BAF/baf_3d-animation.html">@1</a></span><span style="display:none"><a rel="nofollow" class="external text" href="http://www.fernsehakademie.de/index/BAF/baf_3d-animation.html">@2</a></span><span style="display:none">Vorlage:Webachiv/IABot/www.fernsehakademie.de</span> an der Bayerischen Akademie für Fernsehen e. V.</span>
</li>
<li id="cite_note-2"><span class="mw-cite-backlink"><a href="#cite_ref-2">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="http://www.mediadesign.de/index.php?id=47">On Air Design</a> an der Mediadesign Hochschule Berlin</span>
</li>
<li id="cite_note-3"><span class="mw-cite-backlink"><a href="#cite_ref-3">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="http://www.wdr.de/unternehmen/jobs/ausbildung/volontariate/fernsehdesign_grafik-onairdesign.jhtml#Fernsehdesign">Volontariat mit Fachrichtung On-Air-Design</a> beim WDR</span>
</li>
</ol></div><!--htdig_noindex--><div><div class="zim-footer">
Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2025-10-22" href="https://de.wikipedia.org/wiki/?title=On_Air_Design&oldid=260801123">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.
</div>
</div><!--/htdig_noindex--></div>
</div>
</main>
</div>
</div>
</div>
<script src="./_webp_/webpHandler.js"></script>
</body></html>